<div class="login">
  <div class="login-top">
    <div class="button">
      <i class="fa fa-minus" title="最小化"></i>
      <i class="fa fa-close" title="关闭"></i>
    </div>
    <img src="assets/logo.png" class="logo-size">
  </div>

  <div class="login-bottom clearfix">
    <div class="touxiang fl">
      <div class="green"></div>
    </div>

    <div class="login-input fl">
      <input type="text" placeholder="请输入用户名" class="zhanghao" [(ngModel)]="userName">
      <i class="fa fa-angle-down" style="margin: 0 4px;"></i>
      <span>注册账号</span>
      <br>

      <input type="password" class="mima" placeholder="请输入密码" [(ngModel)]="password">
      <i class="fa fa-keyboard-o" style="top: -5px"></i>
      <span>忘记密码</span>
    </div>

    <div class="checkbox clearfix">
      <input type="checkbox" checked><span class="remeberpassword">记住密码</span>
      <input type="checkbox" checked><span>自动登录</span>
    </div>

    <div class="login-btn">
      <i class="fa fa-address-book-o i-icon-1"></i>
      <span (click)="login()">
        <i class="fa fa-shield">&nbsp;&nbsp;&nbsp;&nbsp; 安 全 登 录 </i>
      </span>
      <i class="fa fa-qrcode i-icon-2"></i>
    </div>

  </div>


</div>
